<template>
  <div>
    <el-select
      ref="headerSearchSelectRef"
      v-model="search"
      :remote-method="querySearch"
      filterable
      default-first-option
      remote
      placeholder="Search"
      class="header-search-select"
      @change="change"
    >
      <el-option v-for="option in props.options" :key="option" :value="option" :label="option" />
    </el-select>
  </div>
</template>
<script setup>
import { ref } from 'vue'

const props = defineProps({
  options: {
    type: Array,
    default: () => []
  }
})

function change() {}

function querySearch() {}
</script>
<style lang="scss" scoped></style>
